<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2">
<meta name="theme-color" content="#222">
<meta name="generator" content="Hexo 4.2.1">
  <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon-next.png">
  <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32-next.png">
  <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16-next.png">
  <link rel="mask-icon" href="/images/logo.svg" color="#222">

<link rel="stylesheet" href="/css/main.css">


<link rel="stylesheet" href="/lib/font-awesome/css/font-awesome.min.css">

<script id="hexo-configurations">
    var NexT = window.NexT || {};
    var CONFIG = {"hostname":"yoursite.com","root":"/","scheme":"Gemini","version":"7.8.0","exturl":false,"sidebar":{"position":"left","display":"post","padding":18,"offset":12,"onmobile":false},"copycode":{"enable":true,"show_result":true,"style":"flat"},"back2top":{"enable":true,"sidebar":true,"scrollpercent":true},"bookmark":{"enable":true,"color":"#222","save":"auto"},"fancybox":false,"mediumzoom":false,"lazyload":false,"pangu":false,"comments":{"style":"tabs","active":null,"storage":true,"lazyload":false,"nav":null},"algolia":{"hits":{"per_page":10},"labels":{"input_placeholder":"Search for Posts","hits_empty":"We didn't find any results for the search: ${query}","hits_stats":"${hits} results found in ${time} ms"}},"localsearch":{"enable":true,"trigger":"auto","top_n_per_article":1,"unescape":false,"preload":false},"motion":{"enable":true,"async":false,"transition":{"post_block":"fadeIn","post_header":"slideDownIn","post_body":"slideDownIn","coll_header":"slideLeftIn","sidebar":"slideUpIn"}},"path":"search.xml"};
  </script>

  <meta name="description" content="heweiliang blog">
<meta property="og:type" content="website">
<meta property="og:title" content="heweiliang blog">
<meta property="og:url" content="http://yoursite.com/page/5/index.html">
<meta property="og:site_name" content="heweiliang blog">
<meta property="og:description" content="heweiliang blog">
<meta property="og:locale" content="zh_CN">
<meta property="article:author" content="heweiliang">
<meta name="twitter:card" content="summary">

<link rel="canonical" href="http://yoursite.com/page/5/">


<script id="page-configurations">
  // https://hexo.io/docs/variables.html
  CONFIG.page = {
    sidebar: "",
    isHome : true,
    isPost : false,
    lang   : 'zh-CN'
  };
</script>

  <title>heweiliang blog</title>
  






  <noscript>
  <style>
  .use-motion .brand,
  .use-motion .menu-item,
  .sidebar-inner,
  .use-motion .post-block,
  .use-motion .pagination,
  .use-motion .comments,
  .use-motion .post-header,
  .use-motion .post-body,
  .use-motion .collection-header { opacity: initial; }

  .use-motion .site-title,
  .use-motion .site-subtitle {
    opacity: initial;
    top: initial;
  }

  .use-motion .logo-line-before i { left: initial; }
  .use-motion .logo-line-after i { right: initial; }
  </style>
</noscript>

<link rel="alternate" href="/atom.xml" title="heweiliang blog" type="application/atom+xml">
</head>

<body itemscope itemtype="http://schema.org/WebPage">
  <div class="container use-motion">
    <div class="headband"></div>

    <header class="header" itemscope itemtype="http://schema.org/WPHeader">
      <div class="header-inner"><div class="site-brand-container">
  <div class="site-nav-toggle">
    <div class="toggle" aria-label="切换导航栏">
      <span class="toggle-line toggle-line-first"></span>
      <span class="toggle-line toggle-line-middle"></span>
      <span class="toggle-line toggle-line-last"></span>
    </div>
  </div>

  <div class="site-meta">

    <a href="/" class="brand" rel="start">
      <span class="logo-line-before"><i></i></span>
      <h1 class="site-title">heweiliang blog</h1>
      <span class="logo-line-after"><i></i></span>
    </a>
  </div>

  <div class="site-nav-right">
    <div class="toggle popup-trigger">
        <i class="fa fa-search fa-fw fa-lg"></i>
    </div>
  </div>
</div>




<nav class="site-nav">
  <ul id="menu" class="menu">
        <li class="menu-item menu-item-home">

    <a href="/" rel="section"><i class="fa fa-fw fa-home"></i>首页</a>

  </li>
        <li class="menu-item menu-item-about">

    <a href="/about/" rel="section"><i class="fa fa-fw fa-user"></i>关于</a>

  </li>
        <li class="menu-item menu-item-tags">

    <a href="/tags/" rel="section"><i class="fa fa-fw fa-tags"></i>标签</a>

  </li>
        <li class="menu-item menu-item-categories">

    <a href="/categories/" rel="section"><i class="fa fa-fw fa-th"></i>分类</a>

  </li>
        <li class="menu-item menu-item-archives">

    <a href="/archives/" rel="section"><i class="fa fa-fw fa-archive"></i>归档</a>

  </li>
        <li class="menu-item menu-item-schedule">

    <a href="/schedule/" rel="section"><i class="fa fa-fw fa-calendar"></i>日程表</a>

  </li>
        <li class="menu-item menu-item-sitemap">

    <a href="/sitemap.xml" rel="section"><i class="fa fa-fw fa-sitemap"></i>站点地图</a>

  </li>
      <li class="menu-item menu-item-search">
        <a role="button" class="popup-trigger"><i class="fa fa-search fa-fw"></i>搜索
        </a>
      </li>
  </ul>
</nav>



  <div class="search-pop-overlay">
    <div class="popup search-popup">
        <div class="search-header">
  <span class="search-icon">
    <i class="fa fa-search"></i>
  </span>
  <div class="search-input-container">
    <input autocomplete="off" autocapitalize="off"
           placeholder="搜索..." spellcheck="false"
           type="search" class="search-input">
  </div>
  <span class="popup-btn-close">
    <i class="fa fa-times-circle"></i>
  </span>
</div>
<div id="search-result">
  <div id="no-result">
    <i class="fa fa-spinner fa-pulse fa-5x fa-fw"></i>
  </div>
</div>

    </div>
  </div>

</div>
    </header>

    
  <div class="reading-progress-bar"></div>
  <a role="button" class="book-mark-link book-mark-link-fixed"></a>

  <a href="https://github.com/yourname" class="github-corner" title="Follow me on GitHub" aria-label="Follow me on GitHub" rel="noopener" target="_blank"><svg width="80" height="80" viewBox="0 0 250 250" aria-hidden="true"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg></a>


    <main class="main">
      <div class="main-inner">
        <div class="content-wrap">
          

          <div class="content index posts-expand">
            
      
  
  
  <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-CN">
    <link itemprop="mainEntityOfPage" href="http://yoursite.com/2020/05/01/%E8%AE%A1%E7%AE%97%E6%9C%BA%E5%9F%BA%E7%A1%80/LInux%E6%9C%8D%E5%8A%A1%E5%99%A8/linux%E5%91%BD%E4%BB%A4/">

    <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
      <meta itemprop="image" content="/images/avatar.jpg">
      <meta itemprop="name" content="heweiliang">
      <meta itemprop="description" content="heweiliang blog">
    </span>

    <span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
      <meta itemprop="name" content="heweiliang blog">
    </span>
      <header class="post-header">
        <h2 class="post-title" itemprop="name headline">
          
            <a href="/2020/05/01/%E8%AE%A1%E7%AE%97%E6%9C%BA%E5%9F%BA%E7%A1%80/LInux%E6%9C%8D%E5%8A%A1%E5%99%A8/linux%E5%91%BD%E4%BB%A4/" class="post-title-link" itemprop="url">计算机基础/LInux服务器/linux命令</a>
        </h2>

        <div class="post-meta">
            <span class="post-meta-item">
              <span class="post-meta-item-icon">
                <i class="fa fa-calendar-o"></i>
              </span>
              <span class="post-meta-item-text">发表于</span>

              <time title="创建时间：2020-05-01 21:56:59" itemprop="dateCreated datePublished" datetime="2020-05-01T21:56:59+08:00">2020-05-01</time>
            </span>
              <span class="post-meta-item">
                <span class="post-meta-item-icon">
                  <i class="fa fa-calendar-check-o"></i>
                </span>
                <span class="post-meta-item-text">更新于</span>
                <time title="修改时间：2020-06-26 15:26:08" itemprop="dateModified" datetime="2020-06-26T15:26:08+08:00">2020-06-26</time>
              </span>

          <br>
            <span class="post-meta-item" title="本文字数">
              <span class="post-meta-item-icon">
                <i class="fa fa-file-word-o"></i>
              </span>
                <span class="post-meta-item-text">本文字数：</span>
              <span>80</span>
            </span>
            <span class="post-meta-item" title="阅读时长">
              <span class="post-meta-item-icon">
                <i class="fa fa-clock-o"></i>
              </span>
                <span class="post-meta-item-text">阅读时长 &asymp;</span>
              <span>1 分钟</span>
            </span>

        </div>
      </header>

    
    
    
    <div class="post-body" itemprop="articleBody">

      
          <h1 id="安装node"><a href="#安装node" class="headerlink" title="安装node"></a>安装node</h1><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line">sudo yum install epel-release</span><br><span class="line">sudo yum install nodejs</span><br><span class="line">sudo yum install npm</span><br></pre></td></tr></table></figure>

<p>安装python</p>

          <!--noindex-->
            <div class="post-button">
              <a class="btn" href="/2020/05/01/%E8%AE%A1%E7%AE%97%E6%9C%BA%E5%9F%BA%E7%A1%80/LInux%E6%9C%8D%E5%8A%A1%E5%99%A8/linux%E5%91%BD%E4%BB%A4/#more" rel="contents">
                阅读全文 &raquo;
              </a>
            </div>
          <!--/noindex-->
        
      
    </div>

    
    
    
      <footer class="post-footer">
        <div class="post-eof"></div>
      </footer>
  </article>
  
  
  

      
  
  
  <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-CN">
    <link itemprop="mainEntityOfPage" href="http://yoursite.com/2020/04/30/%E5%89%8D%E7%AB%AF/Node.js/node/">

    <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
      <meta itemprop="image" content="/images/avatar.jpg">
      <meta itemprop="name" content="heweiliang">
      <meta itemprop="description" content="heweiliang blog">
    </span>

    <span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
      <meta itemprop="name" content="heweiliang blog">
    </span>
      <header class="post-header">
        <h2 class="post-title" itemprop="name headline">
          
            <a href="/2020/04/30/%E5%89%8D%E7%AB%AF/Node.js/node/" class="post-title-link" itemprop="url">node</a>
        </h2>

        <div class="post-meta">
            <span class="post-meta-item">
              <span class="post-meta-item-icon">
                <i class="fa fa-calendar-o"></i>
              </span>
              <span class="post-meta-item-text">发表于</span>

              <time title="创建时间：2020-04-30 10:15:37" itemprop="dateCreated datePublished" datetime="2020-04-30T10:15:37+08:00">2020-04-30</time>
            </span>
              <span class="post-meta-item">
                <span class="post-meta-item-icon">
                  <i class="fa fa-calendar-check-o"></i>
                </span>
                <span class="post-meta-item-text">更新于</span>
                <time title="修改时间：2020-06-27 11:04:24" itemprop="dateModified" datetime="2020-06-27T11:04:24+08:00">2020-06-27</time>
              </span>
            <span class="post-meta-item">
              <span class="post-meta-item-icon">
                <i class="fa fa-folder-o"></i>
              </span>
              <span class="post-meta-item-text">分类于</span>
                <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
                  <a href="/categories/node/" itemprop="url" rel="index"><span itemprop="name">node</span></a>
                </span>
            </span>

          <br>
            <span class="post-meta-item" title="本文字数">
              <span class="post-meta-item-icon">
                <i class="fa fa-file-word-o"></i>
              </span>
                <span class="post-meta-item-text">本文字数：</span>
              <span>30k</span>
            </span>
            <span class="post-meta-item" title="阅读时长">
              <span class="post-meta-item-icon">
                <i class="fa fa-clock-o"></i>
              </span>
                <span class="post-meta-item-text">阅读时长 &asymp;</span>
              <span>27 分钟</span>
            </span>

        </div>
      </header>

    
    
    
    <div class="post-body" itemprop="articleBody">

      
          <h1 id="Node"><a href="#Node" class="headerlink" title="Node"></a>Node</h1><h2 id="VS插件"><a href="#VS插件" class="headerlink" title="VS插件"></a>VS插件</h2><h3 id="Node-Debug"><a href="#Node-Debug" class="headerlink" title="Node Debug"></a>Node Debug</h3><blockquote>
<p>This extension is bundled with Visual Studio Code and together with <strong>Node Debug (legacy)</strong> forms the <a href="https://nodejs.org/" target="_blank" rel="noopener">Node.js</a> debugging experience.</p>
<p><strong>Node Debug</strong> is the debugger for Node.js versions &gt;= 8.0.</p>
<p>See a general overview of debugging in VS Code <a href="https://code.visualstudio.com/docs/editor/debugging" target="_blank" rel="noopener">here</a>.</p>
<p>Documentation for Node.js specific debugging can be found <a href="https://code.visualstudio.com/docs/nodejs/nodejs-debugging" target="_blank" rel="noopener">here</a>.</p>
<p>Please submit bugs and feature requests to the <a href="https://github.com/microsoft/vscode/issues" target="_blank" rel="noopener">VS Code repository</a>.</p>
<p> License</p>
<p>Copyright (c) Microsoft Corporation. All rights reserved.</p>
<p>Licensed under the <a href="https://github.com/Microsoft/vscode-node-debug2/blob/master/LICENSE.txt" target="_blank" rel="noopener">MIT</a> License.</p>
</blockquote>
<h3 id="Search-node-modules"><a href="#Search-node-modules" class="headerlink" title="Search node_modules"></a>Search node_modules</h3><blockquote>
<p>Simple plugin for VS Code that allows you to quickly navigate the file inside your project’s <code>node_modules</code> directory.</p>
<p>Chances are you have the <code>node_modules</code> folder excluded from the built-in search in VS Code, which means if you want to open and/or edit a file inside <code>node_modules</code>, you can have to find it manually, which can be annoying when your <code>node_modules</code> folder is large.</p>
<p>Features</p>
<ul>
<li><p>Quickly navigate and open files in <code>node_modules</code> by traversing the folder tree.</p>
<p>Settings</p>
</li>
<li><p><code>search-node-modules.useLastFolder</code>: Default to folder of last opened file when searching (defaults to <code>false</code>).</p>
</li>
<li><p><code>search-node-modules.path</code>: Relative path to node_modules folder (defaults to <code>node_modules</code>).</p>
</li>
</ul>
<p>Extension Packs</p>
<ul>
<li><a href="https://marketplace.visualstudio.com/items?itemName=waderyan.nodejs-extension-pack" target="_blank" rel="noopener">Node.js Extension Pack</a></li>
</ul>
<p>Links</p>
<ul>
<li>Visual Studio Marketplace: <a href="https://marketplace.visualstudio.com/items?itemName=jasonnutter.search-node-modules" target="_blank" rel="noopener">https://marketplace.visualstudio.com/items?itemName=jasonnutter.search-node-modules</a></li>
<li>Repo: <a href="https://github.com/jasonnutter/vscode-search-node-modules" target="_blank" rel="noopener">https://github.com/jasonnutter/vscode-search-node-modules</a></li>
<li>Known Issues: <a href="https://github.com/jasonnutter/vscode-search-node-modules/issues" target="_blank" rel="noopener">https://github.com/jasonnutter/vscode-search-node-modules/issues</a></li>
<li>Change Log: <a href="https://github.com/jasonnutter/vscode-search-node-modules/blob/master/CHANGELOG.md" target="_blank" rel="noopener">https://github.com/jasonnutter/vscode-search-node-modules/blob/master/CHANGELOG.md</a></li>
</ul>
</blockquote>
<h3 id="Node-Exec"><a href="#Node-Exec" class="headerlink" title="Node Exec"></a>Node Exec</h3><h3 id="Node-Snippets"><a href="#Node-Snippets" class="headerlink" title="Node Snippets"></a>Node Snippets</h3><blockquote>
<p>Features</p>
<p>A collection of NodeJS snippets</p>
<p>The following commands are available:</p>
<ul>
<li><code>node-express</code>, creates an express server</li>
<li><code>node-express-get</code>, creates GET route</li>
<li><code>node-express-get-params</code>, creates a GET route and shows how to access parameters</li>
<li><code>node-express-post</code>, creates a POST route</li>
<li><code>node-express-post-params</code>, creates a POST route and shows how to access the body</li>
<li><code>node-express-post-params-alt</code>, creates a POST route, shows how to access the body, works for express 4.16 and above</li>
<li><code>node-express-middleware-logger</code>, creates an example middleware</li>
<li><code>node-express-middleware-error</code>, creates an error handling middleware</li>
<li><code>node-http-server</code>, creates a simple HTTP server</li>
<li><code>node-file-read-sync</code>, reads a file synchronously</li>
<li><code>node-file-read-async</code>, reads a file asynchronously, with a callback</li>
<li><code>node-event-emitter</code>, creates an event emitter, emit events and shows to subscribe to said event</li>
<li><code>node-promise-create</code>, creates a Promise</li>
<li><code>node-promise-shorthand</code>, creates a Promises using the static methods <code>resolve()</code> and <code>reject()</code></li>
<li><code>node-promise-all</code>, resolves a list of Promises using the <code>Promise.all([])</code> method</li>
<li><code>node-async-await</code>, using async/await</li>
<li><code>node-express-schema-validation</code>, adding schema validation for express, read more about the usage of schema validation with <code>Joi</code> at <a href="https://github.com/hapijs/joi" target="_blank" rel="noopener">https://github.com/hapijs/joi</a></li>
</ul>
</blockquote>
          <!--noindex-->
            <div class="post-button">
              <a class="btn" href="/2020/04/30/%E5%89%8D%E7%AB%AF/Node.js/node/#more" rel="contents">
                阅读全文 &raquo;
              </a>
            </div>
          <!--/noindex-->
        
      
    </div>

    
    
    
      <footer class="post-footer">
        <div class="post-eof"></div>
      </footer>
  </article>
  
  
  

      
  
  
  <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-CN">
    <link itemprop="mainEntityOfPage" href="http://yoursite.com/2020/04/20/%E8%AE%A1%E7%AE%97%E6%9C%BA%E5%9F%BA%E7%A1%80/%E9%A1%B9%E7%9B%AE/">

    <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
      <meta itemprop="image" content="/images/avatar.jpg">
      <meta itemprop="name" content="heweiliang">
      <meta itemprop="description" content="heweiliang blog">
    </span>

    <span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
      <meta itemprop="name" content="heweiliang blog">
    </span>
      <header class="post-header">
        <h2 class="post-title" itemprop="name headline">
          
            <a href="/2020/04/20/%E8%AE%A1%E7%AE%97%E6%9C%BA%E5%9F%BA%E7%A1%80/%E9%A1%B9%E7%9B%AE/" class="post-title-link" itemprop="url">计算机基础/项目</a>
        </h2>

        <div class="post-meta">
            <span class="post-meta-item">
              <span class="post-meta-item-icon">
                <i class="fa fa-calendar-o"></i>
              </span>
              <span class="post-meta-item-text">发表于</span>

              <time title="创建时间：2020-04-20 22:59:59" itemprop="dateCreated datePublished" datetime="2020-04-20T22:59:59+08:00">2020-04-20</time>
            </span>
              <span class="post-meta-item">
                <span class="post-meta-item-icon">
                  <i class="fa fa-calendar-check-o"></i>
                </span>
                <span class="post-meta-item-text">更新于</span>
                <time title="修改时间：2020-06-26 15:26:09" itemprop="dateModified" datetime="2020-06-26T15:26:09+08:00">2020-06-26</time>
              </span>

          <br>
            <span class="post-meta-item" title="本文字数">
              <span class="post-meta-item-icon">
                <i class="fa fa-file-word-o"></i>
              </span>
                <span class="post-meta-item-text">本文字数：</span>
              <span>289</span>
            </span>
            <span class="post-meta-item" title="阅读时长">
              <span class="post-meta-item-icon">
                <i class="fa fa-clock-o"></i>
              </span>
                <span class="post-meta-item-text">阅读时长 &asymp;</span>
              <span>1 分钟</span>
            </span>

        </div>
      </header>

    
    
    
    <div class="post-body" itemprop="articleBody">

      
          <p><a href="https://segmentfault.com/a/1190000019488576" target="_blank" rel="noopener">(…) 强烈推荐 GitHub 上值得前端学习的开源实战项目 - 全栈修炼 - SegmentFault 思否</a></p>
<p><a href="https://github.com/qianguyihao/Web" target="_blank" rel="noopener">qianguyihao/Web: 前端入门和进阶学习笔记，超详细的Web前端学习图文教程。从零开始学前端，做一名精致的前端工程师。持续更新…</a></p>
<p><a href="http://www.ryxxff.com/7125.html" target="_blank" rel="noopener">Github上30个值得关注的Vue开源项目-程序员生活网</a></p>
<p><a href="https://hijiangtao.github.io/2018/02/06/learn-vue-js-from-top-articles-for-the-past-year-v-2018/" target="_blank" rel="noopener">[译] 从1万篇文章中挑出的40篇最棒的 Vue 学习指南（2018版） - Joe’s Blog</a></p>
<p><a href="https://blog.csdn.net/maokelong95/article/details/54379046" target="_blank" rel="noopener">[VS Code]跟我一起在Visual Studio Code 添加自定义snippet（代码段），附详细配置_开发工具_猫科龙-CSDN博客</a></p>
<p><a href="https://zhuanlan.zhihu.com/p/133408935" target="_blank" rel="noopener">一篇总结得超全的前端进阶文章！入门、技巧、方法、书籍、网站… - 知乎</a></p>

          <!--noindex-->
            <div class="post-button">
              <a class="btn" href="/2020/04/20/%E8%AE%A1%E7%AE%97%E6%9C%BA%E5%9F%BA%E7%A1%80/%E9%A1%B9%E7%9B%AE/#more" rel="contents">
                阅读全文 &raquo;
              </a>
            </div>
          <!--/noindex-->
        
      
    </div>

    
    
    
      <footer class="post-footer">
        <div class="post-eof"></div>
      </footer>
  </article>
  
  
  

      
  
  
  <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-CN">
    <link itemprop="mainEntityOfPage" href="http://yoursite.com/2020/04/17/%E5%89%8D%E7%AB%AF/JavaScript/AJAX/AJAX/">

    <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
      <meta itemprop="image" content="/images/avatar.jpg">
      <meta itemprop="name" content="heweiliang">
      <meta itemprop="description" content="heweiliang blog">
    </span>

    <span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
      <meta itemprop="name" content="heweiliang blog">
    </span>
      <header class="post-header">
        <h2 class="post-title" itemprop="name headline">
          
            <a href="/2020/04/17/%E5%89%8D%E7%AB%AF/JavaScript/AJAX/AJAX/" class="post-title-link" itemprop="url">前端/JavaScript/AJAX/AJAX</a>
        </h2>

        <div class="post-meta">
            <span class="post-meta-item">
              <span class="post-meta-item-icon">
                <i class="fa fa-calendar-o"></i>
              </span>
              <span class="post-meta-item-text">发表于</span>

              <time title="创建时间：2020-04-17 16:29:44" itemprop="dateCreated datePublished" datetime="2020-04-17T16:29:44+08:00">2020-04-17</time>
            </span>
              <span class="post-meta-item">
                <span class="post-meta-item-icon">
                  <i class="fa fa-calendar-check-o"></i>
                </span>
                <span class="post-meta-item-text">更新于</span>
                <time title="修改时间：2020-06-26 15:26:18" itemprop="dateModified" datetime="2020-06-26T15:26:18+08:00">2020-06-26</time>
              </span>

          <br>
            <span class="post-meta-item" title="本文字数">
              <span class="post-meta-item-icon">
                <i class="fa fa-file-word-o"></i>
              </span>
                <span class="post-meta-item-text">本文字数：</span>
              <span>13k</span>
            </span>
            <span class="post-meta-item" title="阅读时长">
              <span class="post-meta-item-icon">
                <i class="fa fa-clock-o"></i>
              </span>
                <span class="post-meta-item-text">阅读时长 &asymp;</span>
              <span>12 分钟</span>
            </span>

        </div>
      </header>

    
    
    
    <div class="post-body" itemprop="articleBody">

      
          <h1 id="AJAX"><a href="#AJAX" class="headerlink" title="AJAX"></a>AJAX</h1><p>AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术</p>
<h2 id="VSCoce-插件"><a href="#VSCoce-插件" class="headerlink" title="VSCoce 插件"></a>VSCoce 插件</h2><h3 id="Live-Server"><a href="#Live-Server" class="headerlink" title="Live Server"></a>Live Server</h3><hr>
<p>Installation</p>
<p>Open VSCode and type <code>ctrl+P</code>, type <code>ext install ritwickdey.liveserver</code>.</p>
<p>Settings</p>
<p>All settings are now listed here <a href="https://github.com/ritwickdey/vscode-live-server/blob/master/docs/settings.md" target="_blank" rel="noopener">Settings Docs</a>.</p>
          <!--noindex-->
            <div class="post-button">
              <a class="btn" href="/2020/04/17/%E5%89%8D%E7%AB%AF/JavaScript/AJAX/AJAX/#more" rel="contents">
                阅读全文 &raquo;
              </a>
            </div>
          <!--/noindex-->
        
      
    </div>

    
    
    
      <footer class="post-footer">
        <div class="post-eof"></div>
      </footer>
  </article>
  
  
  

      
  
  
  <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-CN">
    <link itemprop="mainEntityOfPage" href="http://yoursite.com/2020/04/17/%E5%89%8D%E7%AB%AF/JavaScript/JSON/JSON/">

    <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
      <meta itemprop="image" content="/images/avatar.jpg">
      <meta itemprop="name" content="heweiliang">
      <meta itemprop="description" content="heweiliang blog">
    </span>

    <span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
      <meta itemprop="name" content="heweiliang blog">
    </span>
      <header class="post-header">
        <h2 class="post-title" itemprop="name headline">
          
            <a href="/2020/04/17/%E5%89%8D%E7%AB%AF/JavaScript/JSON/JSON/" class="post-title-link" itemprop="url">前端/JavaScript/JSON/JSON</a>
        </h2>

        <div class="post-meta">
            <span class="post-meta-item">
              <span class="post-meta-item-icon">
                <i class="fa fa-calendar-o"></i>
              </span>
              <span class="post-meta-item-text">发表于</span>

              <time title="创建时间：2020-04-17 16:29:44" itemprop="dateCreated datePublished" datetime="2020-04-17T16:29:44+08:00">2020-04-17</time>
            </span>
              <span class="post-meta-item">
                <span class="post-meta-item-icon">
                  <i class="fa fa-calendar-check-o"></i>
                </span>
                <span class="post-meta-item-text">更新于</span>
                <time title="修改时间：2020-06-26 15:26:18" itemprop="dateModified" datetime="2020-06-26T15:26:18+08:00">2020-06-26</time>
              </span>

          <br>
            <span class="post-meta-item" title="本文字数">
              <span class="post-meta-item-icon">
                <i class="fa fa-file-word-o"></i>
              </span>
                <span class="post-meta-item-text">本文字数：</span>
              <span>0</span>
            </span>
            <span class="post-meta-item" title="阅读时长">
              <span class="post-meta-item-icon">
                <i class="fa fa-clock-o"></i>
              </span>
                <span class="post-meta-item-text">阅读时长 &asymp;</span>
              <span>1 分钟</span>
            </span>

        </div>
      </header>

    
    
    
    <div class="post-body" itemprop="articleBody">

      
          
          <!--noindex-->
            <div class="post-button">
              <a class="btn" href="/2020/04/17/%E5%89%8D%E7%AB%AF/JavaScript/JSON/JSON/#more" rel="contents">
                阅读全文 &raquo;
              </a>
            </div>
          <!--/noindex-->
        
      
    </div>

    
    
    
      <footer class="post-footer">
        <div class="post-eof"></div>
      </footer>
  </article>
  
  
  

      
  
  
  <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-CN">
    <link itemprop="mainEntityOfPage" href="http://yoursite.com/2020/04/17/%E5%89%8D%E7%AB%AF/JavaScript/Regular/%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F/">

    <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
      <meta itemprop="image" content="/images/avatar.jpg">
      <meta itemprop="name" content="heweiliang">
      <meta itemprop="description" content="heweiliang blog">
    </span>

    <span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
      <meta itemprop="name" content="heweiliang blog">
    </span>
      <header class="post-header">
        <h2 class="post-title" itemprop="name headline">
          
            <a href="/2020/04/17/%E5%89%8D%E7%AB%AF/JavaScript/Regular/%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F/" class="post-title-link" itemprop="url">前端/JavaScript/Regular/正则表达式</a>
        </h2>

        <div class="post-meta">
            <span class="post-meta-item">
              <span class="post-meta-item-icon">
                <i class="fa fa-calendar-o"></i>
              </span>
              <span class="post-meta-item-text">发表于</span>

              <time title="创建时间：2020-04-17 16:29:44" itemprop="dateCreated datePublished" datetime="2020-04-17T16:29:44+08:00">2020-04-17</time>
            </span>
              <span class="post-meta-item">
                <span class="post-meta-item-icon">
                  <i class="fa fa-calendar-check-o"></i>
                </span>
                <span class="post-meta-item-text">更新于</span>
                <time title="修改时间：2020-06-26 15:26:18" itemprop="dateModified" datetime="2020-06-26T15:26:18+08:00">2020-06-26</time>
              </span>

          <br>
            <span class="post-meta-item" title="本文字数">
              <span class="post-meta-item-icon">
                <i class="fa fa-file-word-o"></i>
              </span>
                <span class="post-meta-item-text">本文字数：</span>
              <span>3k</span>
            </span>
            <span class="post-meta-item" title="阅读时长">
              <span class="post-meta-item-icon">
                <i class="fa fa-clock-o"></i>
              </span>
                <span class="post-meta-item-text">阅读时长 &asymp;</span>
              <span>3 分钟</span>
            </span>

        </div>
      </header>

    
    
    
    <div class="post-body" itemprop="articleBody">

      
          <h3 id="正则表达式-regex-regexp-RE-使用单个字符来描述、匹配一些系列符合某个规则的字符串搜索模式"><a href="#正则表达式-regex-regexp-RE-使用单个字符来描述、匹配一些系列符合某个规则的字符串搜索模式" class="headerlink" title="正则表达式 regex\regexp\RE 使用单个字符来描述、匹配一些系列符合某个规则的字符串搜索模式"></a>正则表达式 <code>regex\regexp\RE 使用单个字符来描述、匹配一些系列符合某个规则的字符串搜索模式</code></h3><p>search() replace()   text() exec()</p>
<p>正则表达式（英语：Regular Expression,在代码中常简写为regex、regexp或RE）使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式</p>
<p>搜索模式可用于文本搜索和文本替换</p>
<p>什么是正则表达式？</p>
<ul>
<li>正则表达式是由一个字符序列形成的搜索模式。</li>
<li>当你在文本中搜索数据时，你可以用搜索模式来描述你要查询的内容。</li>
<li>正则表达式可以是一个简单的字符，或一个更复杂的模式。</li>
<li>正则表达式可用于所有文本搜索和文本替换的操作。</li>
</ul>
<p>语法</p>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br></pre></td><td class="code"><pre><span class="line">&#x2F;正则表达式主体&#x2F;修饰符(可选)</span><br><span class="line">var patt &#x3D; &#x2F;runoob&#x2F;i</span><br><span class="line">&#x2F;runoob&#x2F;i是一个正则表达式</span><br><span class="line">runoob是一个正则表达式主体（用于检索）</span><br><span class="line">i 是一个修饰符(搜索不区分大小写)</span><br></pre></td></tr></table></figure>

<h4 id="使用字符串方法"><a href="#使用字符串方法" class="headerlink" title="使用字符串方法"></a>使用字符串方法</h4>
          <!--noindex-->
            <div class="post-button">
              <a class="btn" href="/2020/04/17/%E5%89%8D%E7%AB%AF/JavaScript/Regular/%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F/#more" rel="contents">
                阅读全文 &raquo;
              </a>
            </div>
          <!--/noindex-->
        
      
    </div>

    
    
    
      <footer class="post-footer">
        <div class="post-eof"></div>
      </footer>
  </article>
  
  
  

      
  
  
  <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-CN">
    <link itemprop="mainEntityOfPage" href="http://yoursite.com/2020/04/15/%E5%89%8D%E7%AB%AF/JavaScript/JavaScript/%E5%8F%82%E8%80%83%E6%89%8B%E5%86%8C%E5%AD%A6%E4%B9%A0/Browser%20%E5%AF%B9%E8%B1%A1/">

    <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
      <meta itemprop="image" content="/images/avatar.jpg">
      <meta itemprop="name" content="heweiliang">
      <meta itemprop="description" content="heweiliang blog">
    </span>

    <span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
      <meta itemprop="name" content="heweiliang blog">
    </span>
      <header class="post-header">
        <h2 class="post-title" itemprop="name headline">
          
            <a href="/2020/04/15/%E5%89%8D%E7%AB%AF/JavaScript/JavaScript/%E5%8F%82%E8%80%83%E6%89%8B%E5%86%8C%E5%AD%A6%E4%B9%A0/Browser%20%E5%AF%B9%E8%B1%A1/" class="post-title-link" itemprop="url">前端/JavaScript/JavaScript/参考手册学习/Browser 对象</a>
        </h2>

        <div class="post-meta">
            <span class="post-meta-item">
              <span class="post-meta-item-icon">
                <i class="fa fa-calendar-o"></i>
              </span>
              <span class="post-meta-item-text">发表于</span>

              <time title="创建时间：2020-04-15 09:47:24" itemprop="dateCreated datePublished" datetime="2020-04-15T09:47:24+08:00">2020-04-15</time>
            </span>
              <span class="post-meta-item">
                <span class="post-meta-item-icon">
                  <i class="fa fa-calendar-check-o"></i>
                </span>
                <span class="post-meta-item-text">更新于</span>
                <time title="修改时间：2020-06-26 15:26:23" itemprop="dateModified" datetime="2020-06-26T15:26:23+08:00">2020-06-26</time>
              </span>

          <br>
            <span class="post-meta-item" title="本文字数">
              <span class="post-meta-item-icon">
                <i class="fa fa-file-word-o"></i>
              </span>
                <span class="post-meta-item-text">本文字数：</span>
              <span>17k</span>
            </span>
            <span class="post-meta-item" title="阅读时长">
              <span class="post-meta-item-icon">
                <i class="fa fa-clock-o"></i>
              </span>
                <span class="post-meta-item-text">阅读时长 &asymp;</span>
              <span>16 分钟</span>
            </span>

        </div>
      </header>

    
    
    
    <div class="post-body" itemprop="articleBody">

      
          <h1 id="BOM对象参考手册"><a href="#BOM对象参考手册" class="headerlink" title="BOM对象参考手册"></a>BOM对象参考手册</h1><h3 id="Window对象"><a href="#Window对象" class="headerlink" title="Window对象"></a>Window对象</h3><hr>
<h2 id="Window-对象属性"><a href="#Window-对象属性" class="headerlink" title="Window 对象属性"></a>Window 对象属性</h2><table>
<thead>
<tr>
<th align="left">属性</th>
<th align="left">描述</th>
</tr>
</thead>
<tbody><tr>
<td align="left"><a href="https://www.runoob.com/jsref/prop-win-closed.html" target="_blank" rel="noopener">closed</a></td>
<td align="left">返回窗口是否已被关闭。</td>
</tr>
<tr>
<td align="left"><a href="https://www.runoob.com/jsref/prop-win-defaultstatus.html" target="_blank" rel="noopener">defaultStatus</a></td>
<td align="left">设置或返回窗口状态栏中的默认文本。</td>
</tr>
<tr>
<td align="left"><a href="https://www.runoob.com/jsref/dom-obj-document.html" target="_blank" rel="noopener">document</a></td>
<td align="left">对 Document 对象的只读引用。(请参阅<a href="https://www.runoob.com/jsref/dom-obj-document.html" target="_blank" rel="noopener">对象</a>)</td>
</tr>
<tr>
<td align="left"><a href="https://www.runoob.com/jsref/prop-win-frames.html" target="_blank" rel="noopener">frames</a></td>
<td align="left">返回窗口中所有命名的框架。该集合是 Window 对象的数组，每个 Window 对象在窗口中含有一个框架。</td>
</tr>
<tr>
<td align="left"><a href="https://www.runoob.com/jsref/obj-history.html" target="_blank" rel="noopener">history</a></td>
<td align="left">对 History 对象的只读引用。请参数 <a href="https://www.runoob.com/jsref/obj-history.html" target="_blank" rel="noopener">History 对象</a>。</td>
</tr>
<tr>
<td align="left"><a href="https://www.runoob.com/jsref/prop-win-innerheight.html" target="_blank" rel="noopener">innerHeight</a></td>
<td align="left">返回窗口的文档显示区的高度。</td>
</tr>
<tr>
<td align="left"><a href="https://www.runoob.com/jsref/prop-win-innerheight.html" target="_blank" rel="noopener">innerWidth</a></td>
<td align="left">返回窗口的文档显示区的宽度。</td>
</tr>
<tr>
<td align="left"><a href="https://www.runoob.com/jsref/prop-win-localstorage.html" target="_blank" rel="noopener">localStorage</a></td>
<td align="left">在浏览器中存储 key/value 对。没有过期时间。</td>
</tr>
<tr>
<td align="left"><a href="https://www.runoob.com/jsref/prop-win-length.html" target="_blank" rel="noopener">length</a></td>
<td align="left">设置或返回窗口中的框架数量。</td>
</tr>
<tr>
<td align="left"><a href="https://www.runoob.com/jsref/obj-location.html" target="_blank" rel="noopener">location</a></td>
<td align="left">用于窗口或框架的 Location 对象。请参阅 <a href="https://www.runoob.com/jsref/obj-location.html" target="_blank" rel="noopener">Location 对象</a>。</td>
</tr>
<tr>
<td align="left"><a href="https://www.runoob.com/jsref/prop-win-name.html" target="_blank" rel="noopener">name</a></td>
<td align="left">设置或返回窗口的名称。</td>
</tr>
<tr>
<td align="left"><a href="https://www.runoob.com/jsref/obj-navigator.html" target="_blank" rel="noopener">navigator</a></td>
<td align="left">对 Navigator 对象的只读引用。请参数 <a href="https://www.runoob.com/jsref/obj-navigator.html" target="_blank" rel="noopener">Navigator 对象</a>。</td>
</tr>
<tr>
<td align="left"><a href="https://www.runoob.com/jsref/prop-win-opener.html" target="_blank" rel="noopener">opener</a></td>
<td align="left">返回对创建此窗口的窗口的引用。</td>
</tr>
<tr>
<td align="left"><a href="https://www.runoob.com/jsref/prop-win-outerheight.html" target="_blank" rel="noopener">outerHeight</a></td>
<td align="left">返回窗口的外部高度，包含工具条与滚动条。</td>
</tr>
<tr>
<td align="left"><a href="https://www.runoob.com/jsref/prop-win-outerheight.html" target="_blank" rel="noopener">outerWidth</a></td>
<td align="left">返回窗口的外部宽度，包含工具条与滚动条。</td>
</tr>
<tr>
<td align="left"><a href="https://www.runoob.com/jsref/prop-win-pagexoffset.html" target="_blank" rel="noopener">pageXOffset</a></td>
<td align="left">设置或返回当前页面相对于窗口显示区左上角的 X 位置。</td>
</tr>
<tr>
<td align="left"><a href="https://www.runoob.com/jsref/prop-win-pagexoffset.html" target="_blank" rel="noopener">pageYOffset</a></td>
<td align="left">设置或返回当前页面相对于窗口显示区左上角的 Y 位置。</td>
</tr>
<tr>
<td align="left"><a href="https://www.runoob.com/jsref/prop-win-parent.html" target="_blank" rel="noopener">parent</a></td>
<td align="left">返回父窗口。</td>
</tr>
<tr>
<td align="left"><a href="https://www.runoob.com/jsref/obj-screen.html" target="_blank" rel="noopener">screen</a></td>
<td align="left">对 Screen 对象的只读引用。请参数 <a href="https://www.runoob.com/jsref/obj-screen.html" target="_blank" rel="noopener">Screen 对象</a>。</td>
</tr>
<tr>
<td align="left"><a href="https://www.runoob.com/jsref/prop-win-screenleft.html" target="_blank" rel="noopener">screenLeft</a></td>
<td align="left">返回相对于屏幕窗口的x坐标</td>
</tr>
<tr>
<td align="left"><a href="https://www.runoob.com/jsref/prop-win-screenleft.html" target="_blank" rel="noopener">screenTop</a></td>
<td align="left">返回相对于屏幕窗口的y坐标</td>
</tr>
<tr>
<td align="left"><a href="https://www.runoob.com/jsref/prop-win-screenx.html" target="_blank" rel="noopener">screenX</a></td>
<td align="left">返回相对于屏幕窗口的x坐标</td>
</tr>
<tr>
<td align="left"><a href="https://www.runoob.com/jsref/prop-win-sessionstorage.html" target="_blank" rel="noopener">sessionStorage</a></td>
<td align="left">在浏览器中存储 key/value 对。 在关闭窗口或标签页之后将会删除这些数据。</td>
</tr>
<tr>
<td align="left"><a href="https://www.runoob.com/jsref/prop-win-screenx.html" target="_blank" rel="noopener">screenY</a></td>
<td align="left">返回相对于屏幕窗口的y坐标</td>
</tr>
<tr>
<td align="left"><a href="https://www.runoob.com/jsref/prop-win-self.html" target="_blank" rel="noopener">self</a></td>
<td align="left">返回对当前窗口的引用。等价于 Window 属性。</td>
</tr>
<tr>
<td align="left"><a href="https://www.runoob.com/jsref/prop-win-status.html" target="_blank" rel="noopener">status</a></td>
<td align="left">设置窗口状态栏的文本。</td>
</tr>
<tr>
<td align="left"><a href="https://www.runoob.com/jsref/prop-win-top.html" target="_blank" rel="noopener">top</a></td>
<td align="left">返回最顶层的父窗口。</td>
</tr>
</tbody></table>
<h2 id="Window-对象方法"><a href="#Window-对象方法" class="headerlink" title="Window 对象方法"></a>Window 对象方法</h2><table>
<thead>
<tr>
<th align="left">方法</th>
<th align="left">描述</th>
</tr>
</thead>
<tbody><tr>
<td align="left"><a href="https://www.runoob.com/jsref/met-win-alert.html" target="_blank" rel="noopener">alert()</a></td>
<td align="left">显示带有一段消息和一个确认按钮的警告框。</td>
</tr>
<tr>
<td align="left"><a href="https://www.runoob.com/jsref/met-win-atob.html" target="_blank" rel="noopener">atob()</a></td>
<td align="left">解码一个 base-64 编码的字符串。</td>
</tr>
<tr>
<td align="left"><a href="https://www.runoob.com/jsref/met-win-btoa.html" target="_blank" rel="noopener">btoa()</a></td>
<td align="left">创建一个 base-64 编码的字符串。</td>
</tr>
<tr>
<td align="left"><a href="https://www.runoob.com/jsref/met-win-blur.html" target="_blank" rel="noopener">blur()</a></td>
<td align="left">把键盘焦点从顶层窗口移开。</td>
</tr>
<tr>
<td align="left"><a href="https://www.runoob.com/jsref/met-win-clearinterval.html" target="_blank" rel="noopener">clearInterval()</a></td>
<td align="left">取消由 setInterval() 设置的 timeout。</td>
</tr>
<tr>
<td align="left"><a href="https://www.runoob.com/jsref/met-win-cleartimeout.html" target="_blank" rel="noopener">clearTimeout()</a></td>
<td align="left">取消由 setTimeout() 方法设置的 timeout。</td>
</tr>
<tr>
<td align="left"><a href="https://www.runoob.com/jsref/met-win-close.html" target="_blank" rel="noopener">close()</a></td>
<td align="left">关闭浏览器窗口。</td>
</tr>
<tr>
<td align="left"><a href="https://www.runoob.com/jsref/met-win-confirm.html" target="_blank" rel="noopener">confirm()</a></td>
<td align="left">显示带有一段消息以及确认按钮和取消按钮的对话框。</td>
</tr>
<tr>
<td align="left"><a href="https://www.runoob.com/jsref/met-win-createpopup.html" target="_blank" rel="noopener">createPopup()</a></td>
<td align="left">创建一个 pop-up 窗口。</td>
</tr>
<tr>
<td align="left"><a href="https://www.runoob.com/jsref/met-win-focus.html" target="_blank" rel="noopener">focus()</a></td>
<td align="left">把键盘焦点给予一个窗口。</td>
</tr>
<tr>
<td align="left">getSelection()</td>
<td align="left">返回一个 Selection 对象，表示用户选择的文本范围或光标的当前位置。</td>
</tr>
<tr>
<td align="left"><a href="https://www.runoob.com/jsref/jsref-getcomputedstyle.html" target="_blank" rel="noopener">getComputedStyle()</a></td>
<td align="left">获取指定元素的 CSS 样式。</td>
</tr>
<tr>
<td align="left"><a href="https://www.runoob.com/jsref/met-win-matchmedia.html" target="_blank" rel="noopener">matchMedia()</a></td>
<td align="left">该方法用来检查 media query 语句，它返回一个 MediaQueryList对象。</td>
</tr>
<tr>
<td align="left"><a href="https://www.runoob.com/jsref/met-win-moveby.html" target="_blank" rel="noopener">moveBy()</a></td>
<td align="left">可相对窗口的当前坐标把它移动指定的像素。</td>
</tr>
<tr>
<td align="left"><a href="https://www.runoob.com/jsref/met-win-moveto.html" target="_blank" rel="noopener">moveTo()</a></td>
<td align="left">把窗口的左上角移动到一个指定的坐标。</td>
</tr>
<tr>
<td align="left"><a href="https://www.runoob.com/jsref/met-win-open.html" target="_blank" rel="noopener">open()</a></td>
<td align="left">打开一个新的浏览器窗口或查找一个已命名的窗口。</td>
</tr>
<tr>
<td align="left"><a href="https://www.runoob.com/jsref/met-win-print.html" target="_blank" rel="noopener">print()</a></td>
<td align="left">打印当前窗口的内容。</td>
</tr>
<tr>
<td align="left"><a href="https://www.runoob.com/jsref/met-win-prompt.html" target="_blank" rel="noopener">prompt()</a></td>
<td align="left">显示可提示用户输入的对话框。</td>
</tr>
<tr>
<td align="left"><a href="https://www.runoob.com/jsref/met-win-resizeby.html" target="_blank" rel="noopener">resizeBy()</a></td>
<td align="left">按照指定的像素调整窗口的大小。</td>
</tr>
<tr>
<td align="left"><a href="https://www.runoob.com/jsref/met-win-resizeto.html" target="_blank" rel="noopener">resizeTo()</a></td>
<td align="left">把窗口的大小调整到指定的宽度和高度。</td>
</tr>
<tr>
<td align="left">scroll()</td>
<td align="left">已废弃。 该方法已经使用了 <a href="https://www.runoob.com/jsref/met-win-scrollto.html" target="_blank" rel="noopener">scrollTo()</a> 方法来替代。</td>
</tr>
<tr>
<td align="left"><a href="https://www.runoob.com/jsref/met-win-scrollby.html" target="_blank" rel="noopener">scrollBy()</a></td>
<td align="left">按照指定的像素值来滚动内容。</td>
</tr>
<tr>
<td align="left"><a href="https://www.runoob.com/jsref/met-win-scrollto.html" target="_blank" rel="noopener">scrollTo()</a></td>
<td align="left">把内容滚动到指定的坐标。</td>
</tr>
<tr>
<td align="left"><a href="https://www.runoob.com/jsref/met-win-setinterval.html" target="_blank" rel="noopener">setInterval()</a></td>
<td align="left">按照指定的周期（以毫秒计）来调用函数或计算表达式。</td>
</tr>
<tr>
<td align="left"><a href="https://www.runoob.com/jsref/met-win-settimeout.html" target="_blank" rel="noopener">setTimeout()</a></td>
<td align="left">在指定的毫秒数后调用函数或计算表达式。</td>
</tr>
<tr>
<td align="left"><a href="https://www.runoob.com/jsref/met-win-stop.html" target="_blank" rel="noopener">stop()</a></td>
<td align="left">停止页面载入。</td>
</tr>
</tbody></table>
<h3 id="Navigator对象"><a href="#Navigator对象" class="headerlink" title="Navigator对象"></a>Navigator对象</h3><hr>
          <!--noindex-->
            <div class="post-button">
              <a class="btn" href="/2020/04/15/%E5%89%8D%E7%AB%AF/JavaScript/JavaScript/%E5%8F%82%E8%80%83%E6%89%8B%E5%86%8C%E5%AD%A6%E4%B9%A0/Browser%20%E5%AF%B9%E8%B1%A1/#more" rel="contents">
                阅读全文 &raquo;
              </a>
            </div>
          <!--/noindex-->
        
      
    </div>

    
    
    
      <footer class="post-footer">
        <div class="post-eof"></div>
      </footer>
  </article>
  
  
  

      
  
  
  <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-CN">
    <link itemprop="mainEntityOfPage" href="http://yoursite.com/2020/04/15/%E5%89%8D%E7%AB%AF/JavaScript/JavaScript/%E5%8F%82%E8%80%83%E6%89%8B%E5%86%8C%E5%AD%A6%E4%B9%A0/HTML%20DOM%20%E5%AF%B9%E8%B1%A1/">

    <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
      <meta itemprop="image" content="/images/avatar.jpg">
      <meta itemprop="name" content="heweiliang">
      <meta itemprop="description" content="heweiliang blog">
    </span>

    <span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
      <meta itemprop="name" content="heweiliang blog">
    </span>
      <header class="post-header">
        <h2 class="post-title" itemprop="name headline">
          
            <a href="/2020/04/15/%E5%89%8D%E7%AB%AF/JavaScript/JavaScript/%E5%8F%82%E8%80%83%E6%89%8B%E5%86%8C%E5%AD%A6%E4%B9%A0/HTML%20DOM%20%E5%AF%B9%E8%B1%A1/" class="post-title-link" itemprop="url">前端/JavaScript/JavaScript/参考手册学习/HTML DOM 对象</a>
        </h2>

        <div class="post-meta">
            <span class="post-meta-item">
              <span class="post-meta-item-icon">
                <i class="fa fa-calendar-o"></i>
              </span>
              <span class="post-meta-item-text">发表于</span>

              <time title="创建时间：2020-04-15 09:47:24" itemprop="dateCreated datePublished" datetime="2020-04-15T09:47:24+08:00">2020-04-15</time>
            </span>
              <span class="post-meta-item">
                <span class="post-meta-item-icon">
                  <i class="fa fa-calendar-check-o"></i>
                </span>
                <span class="post-meta-item-text">更新于</span>
                <time title="修改时间：2020-06-26 15:26:23" itemprop="dateModified" datetime="2020-06-26T15:26:23+08:00">2020-06-26</time>
              </span>

          <br>
            <span class="post-meta-item" title="本文字数">
              <span class="post-meta-item-icon">
                <i class="fa fa-file-word-o"></i>
              </span>
                <span class="post-meta-item-text">本文字数：</span>
              <span>20k</span>
            </span>
            <span class="post-meta-item" title="阅读时长">
              <span class="post-meta-item-icon">
                <i class="fa fa-clock-o"></i>
              </span>
                <span class="post-meta-item-text">阅读时长 &asymp;</span>
              <span>19 分钟</span>
            </span>

        </div>
      </header>

    
    
    
    <div class="post-body" itemprop="articleBody">

      
          <h2 id="HTML-DOM"><a href="#HTML-DOM" class="headerlink" title="HTML DOM"></a>HTML DOM</h2><h3 id="DOM-文档对象模型"><a href="#DOM-文档对象模型" class="headerlink" title="DOM(文档对象模型)"></a>DOM(文档对象模型)</h3><hr>
<h3 id="DOM-HTML"><a href="#DOM-HTML" class="headerlink" title="DOM HTML"></a>DOM HTML</h3><hr>
<h4 id="1-改变HTML输出流-document-write"><a href="#1-改变HTML输出流-document-write" class="headerlink" title="1. 改变HTML输出流 document.write()"></a>1. 改变HTML输出流 <code>document.write()</code></h4><figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">document.write(&#39;HTML内容&#39;);</span><br></pre></td></tr></table></figure>



<h4 id="2-改变HTML内容-innerHTML-39-39"><a href="#2-改变HTML内容-innerHTML-39-39" class="headerlink" title="2. 改变HTML内容 .innerHTML = &#39;&#39;"></a>2. 改变HTML内容 <code>.innerHTML = &#39;&#39;</code></h4><figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">document.getElementById(id).innerHTML&#x3D;新的 HTML</span><br></pre></td></tr></table></figure>
          <!--noindex-->
            <div class="post-button">
              <a class="btn" href="/2020/04/15/%E5%89%8D%E7%AB%AF/JavaScript/JavaScript/%E5%8F%82%E8%80%83%E6%89%8B%E5%86%8C%E5%AD%A6%E4%B9%A0/HTML%20DOM%20%E5%AF%B9%E8%B1%A1/#more" rel="contents">
                阅读全文 &raquo;
              </a>
            </div>
          <!--/noindex-->
        
      
    </div>

    
    
    
      <footer class="post-footer">
        <div class="post-eof"></div>
      </footer>
  </article>
  
  
  

      
  
  
  <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-CN">
    <link itemprop="mainEntityOfPage" href="http://yoursite.com/2020/04/13/%E5%89%8D%E7%AB%AF/%E5%AE%9E%E4%BE%8B/">

    <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
      <meta itemprop="image" content="/images/avatar.jpg">
      <meta itemprop="name" content="heweiliang">
      <meta itemprop="description" content="heweiliang blog">
    </span>

    <span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
      <meta itemprop="name" content="heweiliang blog">
    </span>
      <header class="post-header">
        <h2 class="post-title" itemprop="name headline">
          
            <a href="/2020/04/13/%E5%89%8D%E7%AB%AF/%E5%AE%9E%E4%BE%8B/" class="post-title-link" itemprop="url">前端/实例</a>
        </h2>

        <div class="post-meta">
            <span class="post-meta-item">
              <span class="post-meta-item-icon">
                <i class="fa fa-calendar-o"></i>
              </span>
              <span class="post-meta-item-text">发表于</span>

              <time title="创建时间：2020-04-13 17:27:16" itemprop="dateCreated datePublished" datetime="2020-04-13T17:27:16+08:00">2020-04-13</time>
            </span>
              <span class="post-meta-item">
                <span class="post-meta-item-icon">
                  <i class="fa fa-calendar-check-o"></i>
                </span>
                <span class="post-meta-item-text">更新于</span>
                <time title="修改时间：2020-06-26 15:26:09" itemprop="dateModified" datetime="2020-06-26T15:26:09+08:00">2020-06-26</time>
              </span>

          <br>
            <span class="post-meta-item" title="本文字数">
              <span class="post-meta-item-icon">
                <i class="fa fa-file-word-o"></i>
              </span>
                <span class="post-meta-item-text">本文字数：</span>
              <span>9.3k</span>
            </span>
            <span class="post-meta-item" title="阅读时长">
              <span class="post-meta-item-icon">
                <i class="fa fa-clock-o"></i>
              </span>
                <span class="post-meta-item-text">阅读时长 &asymp;</span>
              <span>8 分钟</span>
            </span>

        </div>
      </header>

    
    
    
    <div class="post-body" itemprop="articleBody">

      
          <h2 id="JS点击事件的绑定"><a href="#JS点击事件的绑定" class="headerlink" title="JS点击事件的绑定"></a>JS点击事件的绑定</h2><figure class="highlight js"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br></pre></td><td class="code"><pre><span class="line">&lt;input type=<span class="string">"button"</span> value=<span class="string">"按钮"</span> id=<span class="string">"btn"</span>&gt;</span><br><span class="line">    &lt;script&gt;</span><br><span class="line">    <span class="keyword">var</span> btn = <span class="built_in">document</span>.getElementById(<span class="string">'btn'</span>);</span><br><span class="line">    <span class="comment">//var btn = document.getElementsByTagName('input')[0];</span></span><br><span class="line">    btn.onclick = <span class="function"><span class="keyword">function</span> (<span class="params"></span>) </span>&#123;</span><br><span class="line">        alert(<span class="string">"你点击了按钮"</span>);</span><br><span class="line">    &#125;</span><br><span class="line">&lt;<span class="regexp">/script&gt;</span></span><br></pre></td></tr></table></figure>

<p>注意：<strong>onclick</strong>不是click或者onclick()</p>
<h1 id="JS语法实例"><a href="#JS语法实例" class="headerlink" title="JS语法实例"></a>JS语法实例</h1><h3 id="js控制按钮内容相互切换"><a href="#js控制按钮内容相互切换" class="headerlink" title="js控制按钮内容相互切换"></a>js控制按钮内容相互切换</h3><figure class="highlight html"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br><span class="line">27</span><br><span class="line">28</span><br><span class="line">29</span><br></pre></td><td class="code"><pre><span class="line"><span class="meta">&lt;!DOCTYPE <span class="meta-keyword">html</span>&gt;</span></span><br><span class="line"><span class="tag">&lt;<span class="name">html</span> <span class="attr">lang</span>=<span class="string">"en"</span>&gt;</span></span><br><span class="line">    <span class="tag">&lt;<span class="name">head</span>&gt;</span></span><br><span class="line">        <span class="tag">&lt;<span class="name">meta</span> <span class="attr">charset</span>=<span class="string">"UTF-8"</span>&gt;</span></span><br><span class="line">        <span class="tag">&lt;<span class="name">meta</span> <span class="attr">name</span>=<span class="string">"viewport"</span> <span class="attr">content</span>=<span class="string">"width=device-width, initial-scale=1.0"</span>&gt;</span></span><br><span class="line">        <span class="tag">&lt;<span class="name">meta</span> <span class="attr">http-equiv</span>=<span class="string">"X-UA-Compatible"</span> <span class="attr">content</span>=<span class="string">"ie=edge"</span>&gt;</span></span><br><span class="line">        <span class="tag">&lt;<span class="name">title</span>&gt;</span>Document<span class="tag">&lt;/<span class="name">title</span>&gt;</span></span><br><span class="line">        <span class="tag">&lt;<span class="name">script</span>&gt;</span></span><br><span class="line"><span class="javascript">            <span class="built_in">window</span>.onload = <span class="function"><span class="keyword">function</span> (<span class="params"></span>) </span>&#123;</span></span><br><span class="line"><span class="actionscript">                <span class="keyword">var</span> click_num = <span class="number">0</span>;</span></span><br><span class="line"><span class="javascript">                <span class="keyword">var</span> box = <span class="built_in">document</span>.getElementById(<span class="string">"box"</span>);</span></span><br><span class="line"><span class="javascript">                <span class="keyword">var</span> inp = <span class="built_in">document</span>.getElementsByTagName(<span class="string">"input"</span>)[<span class="number">0</span>];</span></span><br><span class="line"><span class="actionscript">                inp.onclick = <span class="function"><span class="keyword">function</span> <span class="params">()</span> </span>&#123;</span></span><br><span class="line">                    if (click_num % 2 == 0) &#123;</span><br><span class="line"><span class="actionscript">                        box.innerHTML = <span class="string">"内容1"</span>;</span></span><br><span class="line"><span class="actionscript">                    &#125; <span class="keyword">else</span> &#123;</span></span><br><span class="line"><span class="actionscript">                        box.innerHTML = <span class="string">"内容2"</span>;</span></span><br><span class="line">                    &#125;</span><br><span class="line">                    click_num++;</span><br><span class="line">                &#125;</span><br><span class="line">            &#125;</span><br><span class="line">        <span class="tag">&lt;/<span class="name">script</span>&gt;</span></span><br><span class="line"><span class="tag">&lt;/<span class="name">head</span>&gt;</span></span><br><span class="line"><span class="tag">&lt;<span class="name">body</span>&gt;</span></span><br><span class="line">    <span class="tag">&lt;<span class="name">div</span> <span class="attr">id</span>=<span class="string">"box"</span>&gt;</span><span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">    <span class="tag">&lt;<span class="name">input</span> <span class="attr">type</span>=<span class="string">"button"</span> <span class="attr">value</span>=<span class="string">"改变内容"</span>&gt;</span></span><br><span class="line"><span class="tag">&lt;/<span class="name">body</span>&gt;</span></span><br><span class="line"></span><br><span class="line"><span class="tag">&lt;/<span class="name">html</span>&gt;</span></span><br></pre></td></tr></table></figure>



<h3 id="JS打印时间"><a href="#JS打印时间" class="headerlink" title="JS打印时间"></a>JS打印时间</h3><p><em>toLocaleString());//转化为本地时间</em></p>
<p><em>date.getTime());//获取从1970年1月1日午夜零时，到当前时间的毫秒值</em></p>
          <!--noindex-->
            <div class="post-button">
              <a class="btn" href="/2020/04/13/%E5%89%8D%E7%AB%AF/%E5%AE%9E%E4%BE%8B/#more" rel="contents">
                阅读全文 &raquo;
              </a>
            </div>
          <!--/noindex-->
        
      
    </div>

    
    
    
      <footer class="post-footer">
        <div class="post-eof"></div>
      </footer>
  </article>
  
  
  

      
  
  
  <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-CN">
    <link itemprop="mainEntityOfPage" href="http://yoursite.com/2020/04/13/%E5%89%8D%E7%AB%AF/JavaScript/JavaScript%E5%86%85%E7%BD%AE%E5%AF%B9%E8%B1%A1/">

    <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
      <meta itemprop="image" content="/images/avatar.jpg">
      <meta itemprop="name" content="heweiliang">
      <meta itemprop="description" content="heweiliang blog">
    </span>

    <span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
      <meta itemprop="name" content="heweiliang blog">
    </span>
      <header class="post-header">
        <h2 class="post-title" itemprop="name headline">
          
            <a href="/2020/04/13/%E5%89%8D%E7%AB%AF/JavaScript/JavaScript%E5%86%85%E7%BD%AE%E5%AF%B9%E8%B1%A1/" class="post-title-link" itemprop="url">JavaScript内置对象</a>
        </h2>

        <div class="post-meta">
            <span class="post-meta-item">
              <span class="post-meta-item-icon">
                <i class="fa fa-calendar-o"></i>
              </span>
              <span class="post-meta-item-text">发表于</span>

              <time title="创建时间：2020-04-13 17:16:18" itemprop="dateCreated datePublished" datetime="2020-04-13T17:16:18+08:00">2020-04-13</time>
            </span>
              <span class="post-meta-item">
                <span class="post-meta-item-icon">
                  <i class="fa fa-calendar-check-o"></i>
                </span>
                <span class="post-meta-item-text">更新于</span>
                <time title="修改时间：2020-06-27 10:22:32" itemprop="dateModified" datetime="2020-06-27T10:22:32+08:00">2020-06-27</time>
              </span>
            <span class="post-meta-item">
              <span class="post-meta-item-icon">
                <i class="fa fa-folder-o"></i>
              </span>
              <span class="post-meta-item-text">分类于</span>
                <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
                  <a href="/categories/CSS/" itemprop="url" rel="index"><span itemprop="name">CSS</span></a>
                </span>
            </span>

          <br>
            <span class="post-meta-item" title="本文字数">
              <span class="post-meta-item-icon">
                <i class="fa fa-file-word-o"></i>
              </span>
                <span class="post-meta-item-text">本文字数：</span>
              <span>10k</span>
            </span>
            <span class="post-meta-item" title="阅读时长">
              <span class="post-meta-item-icon">
                <i class="fa fa-clock-o"></i>
              </span>
                <span class="post-meta-item-text">阅读时长 &asymp;</span>
              <span>9 分钟</span>
            </span>

        </div>
      </header>

    
    
    
    <div class="post-body" itemprop="articleBody">

      
          <h1 id="JavaScript对象"><a href="#JavaScript对象" class="headerlink" title="JavaScript对象"></a>JavaScript对象</h1><p><font color="red" size="4" style="background:#E0E0E0">重点概念</font></p>
<p><code>必须</code></p>
<h2 id="Array对象"><a href="#Array对象" class="headerlink" title="Array对象"></a>Array对象</h2><h3 id="concat-方法-数组连接"><a href="#concat-方法-数组连接" class="headerlink" title="concat()方法    数组连接"></a>concat()方法    <code>数组连接</code></h3><p>concat()方法用于连接两个或多个数组</p>
<p>该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。</p>
<p>语法</p>
<figure class="highlight js"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">array1.concat(array2,array3,...,arrayX)</span><br></pre></td></tr></table></figure>
          <!--noindex-->
            <div class="post-button">
              <a class="btn" href="/2020/04/13/%E5%89%8D%E7%AB%AF/JavaScript/JavaScript%E5%86%85%E7%BD%AE%E5%AF%B9%E8%B1%A1/#more" rel="contents">
                阅读全文 &raquo;
              </a>
            </div>
          <!--/noindex-->
        
      
    </div>

    
    
    
      <footer class="post-footer">
        <div class="post-eof"></div>
      </footer>
  </article>
  
  
  


  
  <nav class="pagination">
    <a class="extend prev" rel="prev" href="/page/4/"><i class="fa fa-angle-left" aria-label="上一页"></i></a><a class="page-number" href="/">1</a><span class="space">&hellip;</span><a class="page-number" href="/page/4/">4</a><span class="page-number current">5</span><a class="page-number" href="/page/6/">6</a><span class="space">&hellip;</span><a class="page-number" href="/page/10/">10</a><a class="extend next" rel="next" href="/page/6/"><i class="fa fa-angle-right" aria-label="下一页"></i></a>
  </nav>



          </div>
          

<script>
  window.addEventListener('tabs:register', () => {
    let { activeClass } = CONFIG.comments;
    if (CONFIG.comments.storage) {
      activeClass = localStorage.getItem('comments_active') || activeClass;
    }
    if (activeClass) {
      let activeTab = document.querySelector(`a[href="#comment-${activeClass}"]`);
      if (activeTab) {
        activeTab.click();
      }
    }
  });
  if (CONFIG.comments.storage) {
    window.addEventListener('tabs:click', event => {
      if (!event.target.matches('.tabs-comment .tab-content .tab-pane')) return;
      let commentClass = event.target.classList[1];
      localStorage.setItem('comments_active', commentClass);
    });
  }
</script>

        </div>
          
  
  <div class="toggle sidebar-toggle">
    <span class="toggle-line toggle-line-first"></span>
    <span class="toggle-line toggle-line-middle"></span>
    <span class="toggle-line toggle-line-last"></span>
  </div>

  <aside class="sidebar">
    <div class="sidebar-inner">

      <ul class="sidebar-nav motion-element">
        <li class="sidebar-nav-toc">
          文章目录
        </li>
        <li class="sidebar-nav-overview">
          站点概览
        </li>
      </ul>

      <!--noindex-->
      <div class="post-toc-wrap sidebar-panel">
      </div>
      <!--/noindex-->

      <div class="site-overview-wrap sidebar-panel">
        <div class="site-author motion-element" itemprop="author" itemscope itemtype="http://schema.org/Person">
    <img class="site-author-image" itemprop="image" alt="heweiliang"
      src="/images/avatar.jpg">
  <p class="site-author-name" itemprop="name">heweiliang</p>
  <div class="site-description" itemprop="description">heweiliang blog</div>
</div>
<div class="site-state-wrap motion-element">
  <nav class="site-state">
      <div class="site-state-item site-state-posts">
          <a href="/archives/">
        
          <span class="site-state-item-count">96</span>
          <span class="site-state-item-name">日志</span>
        </a>
      </div>
      <div class="site-state-item site-state-categories">
            <a href="/categories/">
          
        <span class="site-state-item-count">18</span>
        <span class="site-state-item-name">分类</span></a>
      </div>
      <div class="site-state-item site-state-tags">
            <a href="/tags/">
          
        <span class="site-state-item-count">24</span>
        <span class="site-state-item-name">标签</span></a>
      </div>
  </nav>
</div>
  <div class="links-of-author motion-element">
      <span class="links-of-author-item">
        <a href="https://github.com/yourname" title="GitHub → https:&#x2F;&#x2F;github.com&#x2F;yourname" rel="noopener" target="_blank"><i class="fa fa-fw fa-github"></i></a>
      </span>
      <span class="links-of-author-item">
        <a href="mailto:yourname@gmail.com" title="E-Mail → mailto:yourname@gmail.com" rel="noopener" target="_blank"><i class="fa fa-fw fa-envelope"></i></a>
      </span>
      <span class="links-of-author-item">
        <a href="https://plus.google.com/yourname" title="Google → https:&#x2F;&#x2F;plus.google.com&#x2F;yourname" rel="noopener" target="_blank"><i class="fa fa-fw fa-google"></i></a>
      </span>
      <span class="links-of-author-item">
        <a href="https://stackoverflow.com/yourname" title="StackOverflow → https:&#x2F;&#x2F;stackoverflow.com&#x2F;yourname" rel="noopener" target="_blank"><i class="fa fa-fw fa-stack-overflow"></i></a>
      </span>
  </div>
  <div class="cc-license motion-element" itemprop="license">
    <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/" class="cc-opacity" rel="noopener" target="_blank"><img src="/images/cc-by-nc-sa.svg" alt="Creative Commons"></a>
  </div>


  <div class="links-of-blogroll motion-element">
    <div class="links-of-blogroll-title">
      <i class="fa fa-fw fa-link"></i>
      Links
    </div>
    <ul class="links-of-blogroll-list">
        <li class="links-of-blogroll-item">
          <a href="http://yoursite.com/" title="http:&#x2F;&#x2F;yoursite.com">Title</a>
        </li>
        <li class="links-of-blogroll-item">
          <a href="http://yoursite.com/" title="http:&#x2F;&#x2F;yoursite.com">Title2</a>
        </li>
        <li class="links-of-blogroll-item">
          <a href="http://yoursite.com/" title="http:&#x2F;&#x2F;yoursite.com">Title3</a>
        </li>
    </ul>
  </div>

      </div>
        <div class="back-to-top motion-element">
          <i class="fa fa-arrow-up"></i>
          <span>0%</span>
        </div>

    </div>
  </aside>
  <div id="sidebar-dimmer"></div>


      </div>
    </main>

    <footer class="footer">
      <div class="footer-inner">
        

        

<div class="copyright">
  
  &copy; 
  <span itemprop="copyrightYear">2020</span>
  <span class="with-love">
    <i class="fa fa-user"></i>
  </span>
  <span class="author" itemprop="copyrightHolder">heweiliang</span>
    <span class="post-meta-divider">|</span>
    <span class="post-meta-item-icon">
      <i class="fa fa-area-chart"></i>
    </span>
    <span title="站点总字数">376k</span>
    <span class="post-meta-divider">|</span>
    <span class="post-meta-item-icon">
      <i class="fa fa-coffee"></i>
    </span>
    <span title="站点阅读时长">5:42</span>
</div>

        
<div class="busuanzi-count">
  <script async src="https://busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
    <span class="post-meta-item" id="busuanzi_container_site_uv" style="display: none;">
      <span class="post-meta-item-icon">
        <i class="fa fa-user"></i>
      </span>
      <span class="site-uv" title="总访客量">
        <span id="busuanzi_value_site_uv"></span>
      </span>
    </span>
    <span class="post-meta-divider">|</span>
    <span class="post-meta-item" id="busuanzi_container_site_pv" style="display: none;">
      <span class="post-meta-item-icon">
        <i class="fa fa-eye"></i>
      </span>
      <span class="site-pv" title="总访问量">
        <span id="busuanzi_value_site_pv"></span>
      </span>
    </span>
</div>








      </div>
    </footer>
  </div>

  
  <script src="/lib/anime.min.js"></script>
  <script src="/lib/velocity/velocity.min.js"></script>
  <script src="/lib/velocity/velocity.ui.min.js"></script>

<script src="/js/utils.js"></script>

<script src="/js/motion.js"></script>


<script src="/js/schemes/pisces.js"></script>


<script src="/js/next-boot.js"></script>

<script src="/js/bookmark.js"></script>


  <script defer src="/lib/three/three.min.js"></script>
    <script defer src="/lib/three/three-waves.min.js"></script>
    <script defer src="/lib/three/canvas_lines.min.js"></script>


  




  
<script src="/js/local-search.js"></script>













  

  


<script src="/live2dw/lib/L2Dwidget.min.js?094cbace49a39548bed64abff5988b05"></script><script>L2Dwidget.init({"pluginModelPath":"assets/","model":{"jsonPath":"/live2dw/assets/Epsilon2.1.model.json"},"display":{"position":"left","width":300,"height":600},"mobile":{"show":false},"log":false,"pluginJsPath":"lib/","pluginRootPath":"live2dw/","tagMode":false});</script></body>
</html>
